<template>
  <!-- 无法修复canvas填入bottom页面导致的页面宽高失效的bug，故在此调整了top和bottom的位置 -->
  <div id="app" @touchmove.prevent>   
    <bottom></bottom>
    <top></top>
  </div>
</template>

<script>
import top from "./components/top.vue";
import bottom from "./components/bottom.vue";

export default {
  name: "App",
  components: {
    top,
    bottom,
  },
  data(){
    return {
      
    }
  },

  created(){
     
  },

  methods:{
    
  }
};
</script>

<style scoped>
#app {
  width: 100vw;
  height: 100vh;
  
  display: flex;
  flex-direction: column;
}
</style>
